import loading from "./loadingComp.vue";
import card from "./cardComp.vue";

const compoments = [
  {name:'loading',component:loading},
  {name:'card',component:card},
]

let customComponents = {
  install:function(Vue){
    compoments.forEach(item=>{
      Vue.component(item.name, item.component)
    })
  }
}


/* const customComponents = {
  install:function(Vue){
    Vue.component('loading',loading)
  }
} */


// let customComponents = {
//   install:function(Vue){//在use的时候vue会自动调用此方法
//           const files = require.context("@/components", true, /\.vue$/)//返回的是一个函数
//           // require.context()的参数
//           // 参数一 {String}：读取文件的目录路径    
//           // 参数二 {Boolean}：是否深入遍历，即是否遍历子目录（二级目录）
//           // 参数三 {RegExp}：匹配目录内文件的正则表达式/\.vue$/表示匹配所有.vue后缀名的文件
//           console.log(files.keys(),'files.keys()')//files.keys()可以得到所有匹配到文件路径（数组）
//           files.keys().forEach(item=>{
//               console.log(files(item),'files(item)')//传入路径即可得到当前路径文件vue实例
//               const name = files(item).default.name//当前组件的名字（组件内一定要有name属性）
//               Vue.component(name, defaultObj)//注册当前组件
//           })
//   }
// }

export default customComponents;
